<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
</head>
<body>

<div id="a">
    {{message}}
<componenta :title="西游记"></componenta>

</div>

<div id="b">
    {{message}}


</div>
    <script type="text/javascript">

        Vue.component("componenta",{
            data:function () {
                return{

                }
            },
            template:"<button>按钮</button>"
        });


     new Vue({
         el:"#a",
         data:{
             message:"hello"
         },
         methods:{

         },
         created:function(){

         }
     })
    </script>

</body>
</html>